<style scoped>
.top{
	height: 210px;
	width: 1000px;
	background: #000000;
	background: rgba(255,255,255,0.55);
	display: flex;
	padding: 25px 30px;
	position: relative;
    left: 50%;
	margin-left: -500px;
}
.top_left{
	width: 20%;
	display: inline-block;
}
.top_mid_text{
	margin-top: 10px;
	height: 150px;
	overflow: hidden;
}
.top_mid_text_h2{
	font-size: 26px;
	display: inline-block;
}
.infocom_but1{
	position: relative;
    top: -5px;
    left: 10px;
    padding: 2px 13px;
}
.welfare{
	font-size: 17px;
}
.infocom_but{
	margin-right: 8px;
	margin-top: 8px;
}
</style>
<template>
	<div class="top">
		<div class="top_left" style="width: 20%;text-align: center;">
		     <img src="../../../../static/img/index_img/7.png"  style="width: 100%;height: 60%;margin-top: 15px;"/>
		</div>
		<div class="top_left" style="width: 79%; padding-left: 25px;">
			<div class="top_mid_text">
				<div class="top_mid_but">
					<p class="top_mid_text_h2">西域机电</p>
	         	    <Button type="primary" class="infocom_but1">关注</Button>
				</div>
	         	<div class="welfare">
	         		D轮 |500-999人 |上海 | 互联网/移动互联网/电子商务
	         	</div>
	         	<div class="welfare_more">
	         		<span  v-for="(item, index) in welfareList">
	         		    <Button type="primary" class="infocom_but">{{item.lab}}</Button>
	         		</span>
	         	</div>
			</div>
		</div>
	</div>
</template>

<script>
		export default {
    	name: 'Top',
        data () {
            return {
            	welfareList:[
            	    {lab:"定期体检"},
            	    {lab:"定期体检"},
	            	{lab:"定期体检"},
	            	{lab:"定期体检"},
	            	{lab:"定期体检"},
	            	{lab:"定期体检"},
	            	{lab:"定期体检"},
	            	{lab:"定期体检"},
	            	{lab:"定期体检"},
	            	{lab:"定期体检"},
	            	{lab:"定期体检"},
	            	{lab:"定期体检"},
	            	{lab:"定期体检"},
	            	{lab:"定期体检"},
	            	{lab:"定期体检"},
	            	{lab:"定期体检"},
	            	{lab:"定期体检"}
            	]
            }
        },
        methods: {
    	}
    }
</script>
